<!doctype html>
<html lang="en">

<head>
  <title>健康青年</title>
  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <!-- Bootstrap CSS v5.0.2 -->
  <!-- CSS only -->
  <!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous"> -->
    <link rel="stylesheet" href="./assets/css/animista.css">
    <link rel="stylesheet" href="./assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="./assets/css/main.css">
</head>

<body>
  <div class="container-fluid d-flex flex-column justify-content-center">
    <h1 class="display-1 text-center text-white" style="font-weight: bold;">健 康 青 年</h1>
    <nav>
      <div class="list-group d-flex text-center">
        <a href="./knows.html" class="list-group-item list-group-item-success" style="margin-bottom: 30px;border-radius: inherit;">健康知识</a>
        <a href="./shengaoTools.html" class="list-group-item list-group-item-info" style="margin-bottom: 30px;border-radius: inherit;">健康自测</a>
        <a href="#about" class="list-group-item list-group-item-danger" style="margin-bottom: 30px;border-radius: inherit;">食谱推荐</a>
        <a href="./sports.html" class="list-group-item list-group-item-primary" style="border-radius: inherit;">运动介绍</a>
      </div>
    </nav>
  </div>
  <div id="bg" class=""></div>


  <!-- JavaScript Bundle with Popper -->
  <!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2"
    crossorigin="anonymous"></script> -->
    <script src="./assets/js/bootstrap.bundle.min.js"></script>
</body>

</html>